<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车列表</title>
		<link rel="stylesheet" type="text/css" href="../css/carts-list.css"/>
	</head>
	<body>
		<div class="header">
			<div class="wrap">
				<div class="wrap-left">
					<a href="/index.html">美逊首页</a>
					<a href="">退出</a>
				</div>
				<div class="wrap-right">
					<ul>
						<li><a href=""></a></li>
						<li><a href="">购物车</a></li>
						<li><a href="">我是买家</a></li>
						<li><a href="">我的收藏</a></li>
						<li><a href="">我是卖家</a></li>
						<li><a href="">客户服务</a></li>
						<li><a href="">站点导航</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- main -->
		<div class="main">
			
			<div class="main-title">
				<h3 class="h3">我的购物车</h3>
				<h5>查看购物车商品清单，增加减少商品数量，并勾选想要的商品进入下一步操作。</h5>
			</div>
			<!-- <div class="cart-empty">
				<div class="title">您的购物车还没有商品!</div>
				<img src="/images/k.jpg" alt="">
				<div class="go-index"><a href="/index.html">返回首页</a></div>
			</div> -->
			<div class="table-cart">
			<ul>
				<li class="allcheck">
					<input type="checkbox" name="" id="allCheck" value="" />全选
				</li>
				<li class="goods">商品</li>
				<li>单价(元)</li>
				<li>数量</li>
				<li>小计(元)</li>
				<li>操作</li>
			</ul>
			<div class="table-content">
				<div class="top">
					<h5>店铺:<a href="">优优阳光</a></p>
					<p class="p1">店铺活动-满99免运费</p>
				</div>
				<div class="center" id="center-content" >
				</div>
					<script type="text/html" id='cartTemplate'>
						
							{{each cart shop}}
							<div  data-id="{{shop.id}}" class="father">
							<div class='allselect'  data-id="{{shop.id}}">
								<input type="checkbox"  {{ shop.checked && 'checked' }} class='checks'/></div>
							<div class="goodsInfo">
								<a href="/html/detail.html?id={{shop.id}}"><img src="{{shop.imgs[0]}}" ></a>
								<p>{{shop.title}}</p>
							</div>
							<div class="price">
								<em>{{shop.price}}</em>
							</div>
							<div class="select">
								<a  href='' class="decrease">-</a>
								<input type="text" name="num" class="keyValue" value="{{shop.count}}" />
								<a href='' class="increase">+</a>
							</div>
							<div class="xj">
								<em>{{(shop.price*shop.count).toFixed(2)}}</em>
							</div>
							<div class="cz">
								<p class="del"><a href="">删除</a></p>
							</div>
						</div>
							{{/each}}
						
					</script>
				
					<div class="bottom">
						<span class="zj">商品总价(不含运费)</span>
						<span id='goods-zj'></span>&nbsp;&nbsp;元
					</div>
				<div class="btn">
					
					<a href="" class="button">
						下一步,填写核对购物信息
					</a>
					
				</div>
			</div>
		   
		    	
		    </div>
			<!-- <div class="goods-like">
				<div class="title">
					猜你喜欢的宝贝
				</div>
				<div class="content">
					<div class="guess">
						暂无商品向你推荐
					</div>
				</div>
			</div> -->
		</div>
		
		<footer></footer>
	</body>
	<script src="/libs/require/require.min.js" data-main="/js/carts-list"></script>
</html>
